body{font-family: microsoft yahei;background: #fff!important}

/*login && reg*/

.join_now{position: fixed; bottom: 50px;width: 180px;margin: 0 auto;left: 0;right: 0}
.join_now a{background-image: linear-gradient(-90deg, #26D3D1 0%, #725BFF 100%);border-radius: 79.5px;padding: 10px 40px;color: #fff;margin: 0 auto;display: block;text-align: center;}
.reg_msg{text-align: center;width: 100%;padding-top: 25%}
.reg_msg img{width: 120px;display: block;margin: 0 auto}
.reg_msg span{display: block;padding-top: 15px;font-weight: 600;color: #333}
.reg_msg small {color: #9B9B9B}

.div_main{max-width: 460px;width: 100%;margin: 0 auto}

.reg_main{position: relative;}
.reg_main .label-input{width: 90%;margin: 15px auto;color: #9b9b9b}
.reg_main .label-input label{display: block;font-size: 16px;padding-bottom: 5px;padding-left: 10px}
.reg_main .label-input input{font-size: 16px;width: 100%;border-radius: 20px;background: #F6F7F9;height: 45px;line-height: 45px;padding-left: 15px;padding-right: 15px}
.reg_main .label-input input::-webkit-input-placeholder {color: #c9c9c9}
.reg_main .label-input .get_code{position: absolute;right: 40px;color: #1D9AFF;padding-top: 10px;cursor: pointer;font-size: 16px}

.reg_btn{background: cornflowerblue;border-radius: 79.5px;text-align: center;width: 150px;margin: 25px auto;height: 45px;line-height: 45px;}
.reg_btn a{color: #fff;}


/*back*/
.alert_block{position: fixed;width: 80%;margin: 0 auto;left: 0;right: 0;background: #211f2b;z-index:1150;display: none;}
.alert_block h4{position: absolute;display: block;text-align: center;left: 0;right: 0;margin: 0 auto;top:0px;top: -25px;z-index: 100}
.alert_block img{width: 120px;margin: 0 auto}
.alert_main{border:5px solid #7a6a48;width: 100%;height: 100%;background: #211F2B;color:#EBCC81;padding-top: 20px;padding-bottom: 20px;overflow: hidden; }

.table_data{z-index: 1000;width: 100%;color: #fff;font-size: 14px}
.table_data th{color: #7C7796;font-weight: 400}
.table_data td{text-align: center;color: #EBCC81;font-size: 14px}
.alert_main_border{}
.alert_all_bg{background: rgba(0,0,0,0.7);position: fixed;z-index: 100;left: 0;right: 0;width: 100%;height: 100%;top: 0;display: none}

.text_h4{padding-left:20px;padding-bottom: 10px;font-size: 14px;padding-right: 10px}
.text_h4 font{color: #ff0000}

.text_back{color: #8c6a25;width: 90%;margin: 20px auto;font-size: 14px}
.my_back {position: absolute;top: 35px;right: 15px}
.my_back img{width: 100px}
.block_main{position: relative;background: url('images/back_title_center.png') center repeat-y;background-size:100%;margin-bottom: 20px}
.block_main .position_title{text-align: center;background: url('images/back_title.png') no-repeat;height: 50px;background-size:100%;}
.block_main .position_title span{font-family: microsoft yahei;text-shadow: 0 2px 3px rgba(154,66,144,0.4);text-align: center;position: absolute;font-weight:1000;top: 0;text-align: center;z-index: 100;color: #fff;display: block;left: 0;right: 0;margin: 0 auto;padding-top: 2px;height: 38px;font-size: 16px}
.block_main .position_title .jb{background-image:-webkit-linear-gradient(bottom,#b58662,#c2a67d);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent; }
.block_main .b_body{}
.block_main .b_body .b_body_text{width: 85%;margin: 0 auto;color: #d3b484;font-size: 14px}
.block_main .b_body .b_body_text small{display: block;margin-bottom: 10px;font-size: 14px}
.block_main .b_body .b_body_text small font{color: #e7a23a}

.prize_show_2,.prize_show_1{overflow: hidden;width: calc(100% - 30px);margin: 20px auto}
.prize_show_2 li:nth-child(1) {width: 45%;float: left;}
.prize_show_2 li:nth-child(2) {width: 45%;float: right;}
.prize_show_1 li{width: 80%;margin: 0 auto}

a.footer_menus{ position: fixed;bottom: 0;width: 100%;left: 0;right: 0;text-align: center;height: 70px;background: rgba(0,0,0,0.5);padding-top: 15px }
a.footer_menus img{width: 150px;margin:0 auto;max-width: 150px!important}

/*share*/

.share_main{}
.share_main img.share_top{position: relative;}
.head_position{ position: absolute;z-index:1;top: 200px }
.head_position .wx_head{background: #fff;border:2px solid #FFC578;width: 80px;height: 80px;border-radius: 50%;margin: 0 auto;margin: 0 auto;}
.head_position .wx_head img{border-radius: 50%;width: 100%;}
.head_position .welcome_main{position: absolute; background: url('images/share_t_bg.png') no-repeat;background-size: 100%;height: 135px;margin-top: 10px;margin-left: 20px;margin-right: 20px}
.head_position .welcome_main span{font-size: 16px;color: #c5a87d;padding-top: 8%;display: block;width: 90%;margin: 0 auto}
.main_prize_bg h4{color:#c5a87d;padding-left: 30px;padding-right: 20px;margin-bottom: 10px;font-size: 16px}
.main_prize_bg h4 font{color: #877eb2}

.head_position .main_prize{margin-top: 140px;margin-bottom: 20px;margin-left: 20px;margin-right: 20px}
.main_prize_bg{background: url('images/share_2_center.png') repeat-y;background-size: 100%}

.take_button{position: fixed;bottom: 0;left: 0;right: 0;width: 100%;z-index: 100;background: rgba(0,0,0,0.5);height: 70px;padding-top: 15px;text-align: center;overflow: hidden;}
.take_button img{width: 150px;margin:0 auto;position: absolute;z-index: 101;left: 0;right: 0}


.all_img{
    width: 100%;
    background-image: url(../static/images/shares.jpg);
    background-size: 100%;
    height: 42rem;
    background-repeat: no-repeat;
    background-position: center;
}

.back_all_img{
    width: 100%;
    background-image: url(../static/images/back.png);
    background-size: 100%;
    height: 56rem;
    background-repeat: no-repeat;
    background-position: center;
}
.user_img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    top: -26.5rem;
    margin: 0 auto;
    background: white
}

.my_invite_img{
    background-image: url(../static/images/my_back.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: -54.6rem;
    margin-top: 0;
    margin-left: 13.5rem;
    width: 4rem;
    height: 1.5rem;
}
